<!doctype html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui">
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <title>fireworks</title>
</head>
<style>
    body {

    }

    canvas {
        border: 1px solid black;
        opacity: 1;
        background: black;
    }

    #next {
        width: 200px;
        height: 100px;
        position: absolute;
        top: 85%;
        left: 49%;
        color: white;
    }
</style>
<body bgcolor="black">
<canvas width='800' height='600' id='myCanvas'>浏览器不支持，请升级浏览器。</canvas>
<div id="next">点击继续</div>
<audio src="daoko.mp3" autoplay="autoplay" loop="loop" ></audio>
<script src='fireworks.js'></script>
<script>

    $(function(){
        $('audio')[0].volume = 0.6;
    })
    var interval = setInterval(function () {
        ctx.clearRect(0, 0, winX, winY);
        frameUpdate(12);
    }, 30);

    document.onclick = function (e) {
        ctx.clearRect(0, 0, winX, winY);
        window.open('msgWall.php')
        //clearInterval(interval);
    }

</script>
</body>
</html>
